/*!
Video.js Amaze UI Styles
*/
.vjs-amazeui{
  color:rgba(255,255,255,.8)
}
.vjs-amazeui .vjs-slider{
  outline:0;
  position:relative;
  cursor:pointer;
  padding:0;
  background-color:#333;
  background-color:rgba(51,51,51,.9)
}
.vjs-amazeui .vjs-slider:focus{
  -webkit-box-shadow:0 0 4em #fff;
  box-shadow:0 0 4em #fff
}
.vjs-amazeui .vjs-slider-handle{
  position:absolute;
  left:0;
  top:0
}
.vjs-amazeui .vjs-slider-handle:before{
   content:"\f111";
  font-family:FontAwesome;
  font-size:1em;
  line-height:1;
  text-align:center;
  text-shadow:0 0 1em #fff;
  position:absolute;
  top:-3px;
  left:0;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.vjs-amazeui .vjs-control-bar{
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:5em;
  background-color:#000;
  background-color:rgba(0,0,0,.7)
}
.vjs-amazeui.vjs-has-started .vjs-control-bar{
  display:block;
  visibility:visible;
  opacity:1;
  -webkit-transition:visibility .1s,opacity .1s;
  transition:visibility .1s,opacity .1s
}
.vjs-amazeui.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
  display:block;
  visibility:hidden;
  opacity:0;
  -webkit-transition:visibility 1s,opacity 1s;
  transition:visibility 1s,opacity 1s
}
.vjs-amazeui.vjs-controls-disabled .vjs-control-bar,.vjs-amazeui.vjs-using-native-controls .vjs-control-bar,.vjs-amazeui.vjs-error .vjs-control-bar{
  display:none
}
.vjs-audio.vjs-amazeui.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
  opacity:1;visibility:visible
}
@media \0screen{
  .vjs-amazeui.vjs-user-inactive.vjs-playing .vjs-control-bar :before{
    content:""
  }
}
.vjs-amazeui .vjs-control{
  outline:none;
  position:relative;
  float:left;
  text-align:center;
  margin:0;
  padding:0;
  height:5em;
  width:4em
}
.vjs-amazeui .vjs-control:before{
  font-family:FontAwesome;
  font-size:2em;
  line-height:3;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  text-shadow:1px 1px 1px rgba(0,0,0,.5)
}
.vjs-amazeui .vjs-control:focus:before,.vjs-amazeui .vjs-control:hover:before{
  text-shadow:0 0 1em #fff
}
.vjs-amazeui .vjs-control-text{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}
.vjs-amazeui .vjs-play-control{
  width:5em;
  cursor:pointer
}
.vjs-amazeui .vjs-play-control:before{
  content:"\f04b"
}
.vjs-amazeui.vjs-playing .vjs-play-control:before{
  content:"\f04c"
}
.vjs-amazeui .vjs-playback-rate .vjs-playback-rate-value{
  font-size:1.5em;
  line-height:2;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  text-shadow:1px 1px 1px rgba(0,0,0,.5)
}
.vjs-amazeui .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content{
  width:4em;
  left:-2em;
  list-style:none
}
.vjs-amazeui .vjs-mute-control,.vjs-amazeui .vjs-volume-menu-button{
  cursor:pointer;
  float:right
}
.vjs-amazeui .vjs-mute-control:before,.vjs-amazeui .vjs-volume-menu-button:before{
  content:"\f028"
}
.vjs-amazeui .vjs-mute-control.vjs-vol-0:before,.vjs-amazeui .vjs-volume-menu-button.vjs-vol-0:before{
  content:"\f026"
}
.vjs-amazeui .vjs-mute-control.vjs-vol-1:before,
.vjs-amazeui .vjs-volume-menu-button.vjs-vol-1:before,
.vjs-amazeui .vjs-mute-control.vjs-vol-2:before
,.vjs-amazeui .vjs-volume-menu-button.vjs-vol-2:before{
  content:"\f027"
}
.vjs-amazeui .vjs-volume-control{
  width:5em;
  float:right
}
.vjs-amazeui .vjs-volume-bar{
  width:5em;
  height:4px;
  margin:2.3em auto 0;
  background:rgba(255,255,255,.7)
}
.vjs-amazeui .vjs-volume-level{
  position:absolute;
  top:0;
  left:0;
  height:4px;
  width:100%;
  background:#0e90d2
}
.vjs-amazeui .vjs-volume-bar .vjs-volume-handle{
  width:.5em;
  height:.5em;
  left:4.5em
}
.vjs-amazeui .vjs-volume-handle:before{
  font-size:.9em;
  top:-.2em;
  left:-.2em;
  width:1em;
  height:1em
}
.vjs-amazeui .vjs-volume-menu-button .vjs-menu{
  display:block;
  width:0;
  height:0;
  border-top-color:transparent
}
.vjs-amazeui .vjs-volume-menu-button .vjs-menu .vjs-menu-content{
  height:0;
  width:0
}
.vjs-amazeui .vjs-volume-menu-button:hover .vjs-menu,.vjs-amazeui .vjs-volume-menu-button .vjs-menu.vjs-lock-showing{
  border-top-color:rgba(7,40,50,.5)
}
.vjs-amazeui .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-amazeui .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content{
  height:2.9em;
  width:10em
}
.vjs-amazeui .vjs-progress-control{
  position:absolute;
  left:0;
  right:0;
  width:auto;
  font-size:.3em;
  height:1em;
  -webkit-transition:all .4s;
  transition:all .4s
}
.vjs-amazeui:hover .vjs-progress-control{
  font-size:.9em;
  -webkit-transition:all .2s;
  transition:all .2s
}
.vjs-amazeui .vjs-progress-holder{
  height:4px
}
.vjs-amazeui .vjs-progress-holder .vjs-play-progress,
.vjs-amazeui .vjs-progress-holder .vjs-load-progress,
.vjs-amazeui .vjs-progress-holder .vjs-load-progress div{
  position:absolute;
  display:block;
  height:4px;
  margin:0;
  padding:0;
  width:0;
  left:0;
  top:0
}
.vjs-amazeui .vjs-play-progress{
  background:#0e90d2
}
.vjs-amazeui .vjs-load-progress{
  background:#646464;
  background:rgba(255,255,255,.5)
}
.vjs-amazeui .vjs-load-progress div{
  background:#787878;
  background:rgba(255,255,255,.1)
}
.vjs-amazeui .vjs-seek-handle{
  width:1.5em;
  height:100%
}
.vjs-amazeui.vjs-live .vjs-time-controls,
.vjs-amazeui.vjs-live .vjs-time-divider,
.vjs-amazeui.vjs-live .vjs-progress-control{
  display:none
}
.vjs-amazeui.vjs-live .vjs-live-display{
  display:block
}
.vjs-amazeui .vjs-live-display{
  display:none;
  font-size:1em;
  line-height:5em
}
.vjs-amazeui .vjs-time-controls{
  font-size:1em;
  line-height:5em
}
.vjs-amazeui .vjs-current-time,
.vjs-amazeui .vjs-duration{
  float:left
}
.vjs-amazeui .vjs-remaining-time{
   display:none;
   float:left
}
.vjs-time-divider{
  float:left;
  line-height:5em
}
.vjs-amazeui .vjs-fullscreen-control{
  width:3.8em;
  cursor:pointer;
  float:right
}
.vjs-amazeui .vjs-fullscreen-control:before{
  content:"\f0b2"
}
.vjs-amazeui.vjs-fullscreen .vjs-fullscreen-control:before{
  content:"\f066"
}
.vjs-amazeui .vjs-big-play-button{
  left:0;
  top:0;
  font-size:10em;
  display:block;
  z-index:2;
  position:absolute;
  width:100%;
  height:100%;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  opacity:1;
  background-color:#000;
  background-color:rgba(0,0,0,.7);
  border:0 solid #3b4249;
  border-radius:0;
  -webkit-box-shadow:0 0 1em rgba(255,255,255,.25);
  box-shadow:0 0 1em rgba(255,255,255,.25);
  -webkit-transition:all .4s;transition:all .4s
}
.vjs-amazeui.vjs-big-play-centered .vjs-big-play-button{
  left:50%;
  margin-left:-50%;
  top:50%;
  margin-top:-50%
}
.vjs-amazeui.vjs-controls-disabled .vjs-big-play-button,
.vjs-amazeui.vjs-has-started .vjs-big-play-button,
.vjs-amazeui.vjs-using-native-controls .vjs-big-play-button{
  display:none
}
.vjs-amazeui:hover .vjs-big-play-button,
.vjs-amazeui .vjs-big-play-button:focus{
  outline:0;
  border-color:#fff;
  background-color:#505050;
  background-color:rgba(50,50,50,.45);
  -webkit-box-shadow:0 0 3em #fff;
  box-shadow:0 0 3em #fff;
  -webkit-transition:all 0s;
  transition:all 0s
}
.vjs-amazeui .vjs-big-play-button:before{
  content:"\f01d";
  font-family:FontAwesome;
  line-height:100%;
  text-align:center;
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-50px;
  margin-left:-43px
}
.vjs-error .vjs-big-play-button,
.vjs-error-display{
  display:none
}
.vjs-error .vjs-error-display{
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%
}
.vjs-error .vjs-error-display:before{
  content:"\f00d";
  font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;
  font-size:4em;
  color:#666;
  line-height:1;
  text-shadow:.05em .05em .1em #000;
  text-align:center;
  vertical-align:middle;
  position:absolute;
  left:0;
  top:50%;
  margin-top:-.5em;
  width:100%
}
.vjs-error-display div{
  position:absolute;
  bottom:1em;
  right:0;
  left:0;
  font-size:1.4em;
  text-align:center;
  padding:3px;
  background:#000;
  background:rgba(0,0,0,.5)
}
.vjs-error-display a,
.vjs-error-display a:visited{
  color:#F4A460
}
.vjs-loading-spinner{
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  font-size:4em;
  line-height:1;
  width:1em;
  height:1em;
  margin-left:-.5em;
  margin-top:-.5em;
  opacity:.75
}
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner{
  display:block;
  -webkit-animation:spin 1.5s infinite linear;
  animation:spin 1.5s infinite linear
}
.vjs-error .vjs-loading-spinner{
  display:none;
  -webkit-animation:none;
  animation:none
}
.vjs-amazeui .vjs-loading-spinner:before{
  content:"\f110";
  font-family:FontAwesome;
  position:absolute;
  top:0;
  left:0;
  width:1em;
  height:1em;
  text-align:center;
  text-shadow:0 0 .1em #000
}
@-webkit-keyframes spin{
  0%{
    -webkit-transform:rotate(0deg)
  }
  100%{
    -webkit-transform:rotate(359deg)
  }
}
@keyframes spin{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)}
  100%{
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg)
  }
}
.vjs-amazeui .vjs-menu-button{
  float:right;
  cursor:pointer
}
.vjs-amazeui .vjs-menu{
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  width:0;
  height:0;
  margin-bottom:3em;
  border-left:2em solid transparent;
  border-right:2em solid transparent;
  border-top:1.55em solid #000;
  border-top-color:rgba(7,40,50,.5)
}
.vjs-amazeui .vjs-menu-button .vjs-menu .vjs-menu-content{
  display:block;
  padding:0;
  margin:0;
  position:absolute;
  width:10em;
  bottom:1.5em;
  max-height:15em;
  overflow:auto;
  left:-5em;
  background-color:#000;
  background-color:rgba(0,0,0,.7);
  -webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
  box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)
}
.vjs-amazeui .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-amazeui .vjs-control-content .vjs-menu.vjs-lock-showing{
  display:block
}
.vjs-amazeui.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu{
  display:none
}
.vjs-amazeui .vjs-menu-button ul li{
  list-style:none;
  margin:0;
  padding:.3em 0;
  line-height:1.4em;
  font-size:1.2em;
  text-align:center;
  text-transform:lowercase
}
.vjs-amazeui .vjs-menu-button ul li.vjs-selected{
  background-color:#000
}
.vjs-amazeui .vjs-menu-button ul li:focus,
.vjs-amazeui .vjs-menu-button ul li:hover,
.vjs-amazeui .vjs-menu-button ul li.vjs-selected:focus,
.vjs-amazeui .vjs-menu-button ul li.vjs-selected:hover{
  outline:0;
  color:#111;
  background-color:#fff;
  background-color:rgba(255,255,255,.75);
  -webkit-box-shadow:0 0 1em #fff;
  box-shadow:0 0 1em #fff
}
.vjs-amazeui .vjs-menu-button ul li.vjs-menu-title{
  text-align:center;
  text-transform:uppercase;
  font-size:1em;
  line-height:2em;
  padding:0;
  margin:0 0 .3em;
  font-weight:700;
  cursor:default
}
.vjs-amazeui .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content{
  width:24em;
  left:-12em
}
.vjs-amazeui .vjs-captions-button:focus .vjs-control-content:before,
.vjs-amazeui .vjs-captions-button:hover .vjs-control-content:before{
  -webkit-box-shadow:0 0 1em #fff;
  box-shadow:0 0 1em #fff
}
.video-js{
  background-color:#000;
  position:relative;
  padding:0;
  font-size:10px;
  vertical-align:middle;
  font-weight:400;
  font-style:normal;
  font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.video-js .vjs-tech{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.video-js:-moz-full-screen{
  position:absolute
}
body.vjs-full-window{
  padding:0;
  margin:0;
  height:100%;
  overflow-y:auto
}
.video-js.vjs-fullscreen{
  position:fixed;
  overflow:hidden;
  z-index:1000;
  left:0;
  top:0;
  bottom:0;
  right:0;
  width:100%!important;
  height:100%!important;
  _position:absolute
}
.video-js:-webkit-full-screen{
  width:100%!important;
  height:100%!important
}
.video-js.vjs-fullscreen.vjs-user-inactive{
  cursor:none
}
.vjs-poster{
  background-repeat:no-repeat;
  background-position:50% 50%;
  -webkit-background-size:contain;
  background-size:contain;
  cursor:pointer;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}
.vjs-poster img{
  display:block;
  margin:0 auto;
  max-height:100%;
  padding:0;
  width:100%
}
.video-js.vjs-has-started .vjs-poster{
  display:none
}
.video-js.vjs-audio.vjs-has-started .vjs-poster{
  display:block
}
.video-js.vjs-controls-disabled .vjs-poster,
.video-js.vjs-using-native-controls .vjs-poster{
  display:none
}
.video-js .vjs-text-track-display{
  position:absolute;
  top:0;
  left:0;
  bottom:3em;
  right:0;
  pointer-events:none
}
.vjs-caption-settings{
  position:relative;
  top:1em;
  background-color:#000;
  opacity:.75;
  color:#FFF;
  margin:0 auto;
  padding:.5em;
  height:15em;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  width:40em
}
.vjs-caption-settings .vjs-tracksettings{
  top:0;
  bottom:2em;
  left:0;
  right:0;
  position:absolute;
  overflow:auto
}
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font{
  float:left
}
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after{
  clear:both
}
.vjs-caption-settings .vjs-tracksettings-controls{
  position:absolute;
  bottom:1em;
  right:1em
}
.vjs-caption-settings .vjs-tracksetting{
  margin:5px;
  padding:3px;
  min-height:40px
}
.vjs-caption-settings .vjs-tracksetting label{
  display:block;
  width:100px;
  margin-bottom:5px
}
.vjs-caption-settings .vjs-tracksetting span{
  display:inline;
  margin-left:5px
}
.vjs-caption-settings .vjs-tracksetting>div{
  margin-bottom:5px;
  min-height:20px
}
.vjs-caption-settings .vjs-tracksetting>div:last-child{
  margin-bottom:0;
  padding-bottom:0;
  min-height:0
}
.vjs-caption-settings label>input{
  margin-right:10px
}
.vjs-caption-settings input[type="button"]{
  width:40px;
  height:40px
}
.vjs-hidden{
  display:none!important
}
.vjs-lock-showing{
  display:block!important;
  opacity:1;
  visibility:visible
}
.vjs-no-js{
  padding:2em;
  color:#ccc;
  background-color:#333;
  font-size:1.8em;
  font-family:Arial,sans-serif;
  text-align:center;
  width:30em;
  height:15em;
  margin:0 auto
}
.vjs-no-js a,
.vjs-no-js a:visited{
  color:#F4A460
}
.vjs-subtitles-button,
.vjs-captions-button{
  display:none
}
